<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        1、语法 <img src="" alt="">
        2、标签分类：单标签
        3、<img    src=""      alt="">
               图片资源地址    预文本：图片资源加载失败时的提示文本
        4、常用属性
            src---指的是source资源，即图片资源地址
            alt---当图片加载失败时的提示信息
            width---宽度
            height---高度
            title---鼠标悬停时的提示文本
    -->
    <h1>小哥哥(线上图片资源)</h1>
    <img 
        src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3302441524,3615097211&fm=26&gp=0.jpg" 
        alt="小哥哥"
        width="200"
        height="200"
        title="大家伙，我叫某某某"
    >
    <hr>
    <h2>小狗(本地图片)</h2>
    <img src="C:/Users/x240/Pictures/狗狗.jpg" alt="小狗">
    <img src="" alt="小狗">
</body>
</html>